.NET Core基于Ace Admin的响应式框架
(给DotNet加星标,提升.Net技能)
转自:netnr cnblogs.com/netnr/p/12020660.html
前言
.NET Core的响应式框架
基于Ace Admin框架菜单导航、Bootstrap布局、fontAwesome图标、内嵌Iframe用EasyUI做数据绑定、动态配置列表、动态配置表单。
一、NetnRF响应式框架
用于快速开发的响应式框架
演示:https://rf2.netnr.com
二、v3.x
1、前端采用 jQuery + Bootstrap + EasyUI + AceAdmin + fontAwesome
2、后端采用 .NET Core + EF + SQL(SQLServer、MySQL、PostgreSQL、SQLite)
数据库脚本放置于 wwwroot/scripts/目录下
数据库转换使用的工具:http://www.szmesoft.com/DB2DB
全部采用 LINQ,跨数据库、避免SQL注入
3、Visual Studio 2019 运行项目
三、项目结构
Netnr.Core 类库(引用NuGet,源码地址:https://github.com/netnr/Netnr.ClassLibrary)
Netnr.Data 数据访问、仓储(Scaffold-DbContext 命令自动生成)
Netnr.Domain 实体(Scaffold-DbContext 命令自动生成)
Netnr.Fast 常用方法
Netnr.Func 应用
Netnr.ResponseFramework Web站点
四、数据表
用户(SysUser)
角色、角色权限(SysRole)
菜单(SysMenu)
按钮(SysButton)
日志(SysLog)
字典(SysDictionary)
表配置(SysTableConfig)
五、功能
登录:系统账号登录
权限:角色权限,控制菜单及页面按钮
表格:动态配置标题、宽度、排序、对齐方式、格式化、冻结、点击排序等
表单:动态生成表单,自定义标题、排序、跨列、类型、必填等,支持多表单生成
查询:动态生成查询面板,自定义字段查询,以JSON格式表达查询条件
日志:访问日志记录
字典:通用的字典表
工具:数据库表信息展示,一键导出数据库表结构为Excel
任务:定时执行任务,清理临时目录、重置演示数据库
导出:公共导出Excel表,自定义查询主体,支持条件查询、列格式化,支持追加操作等
上传:通用的上传接口
接口:所有非页面请求规范化为接口,并用 swagger 生成可视化接口文档,https://rf2.netnr.com/swagger
六、使用说明
创建表、写字段注释(方便生成表配置)
生成表配置,可以用【工具箱】-【表管理】-【生成表配置】,也可以直接拷贝文件夹wwwroot/scripts/table-config/对应的SQL脚本运行
修改表配置,表格,表单、查询,调整为需要展示的形式(标题、宽度、排序、输入类型、列格式化、必填、默认值等,根据业务拓展配置项)
修改表配置,输入类型配置,需要配置下拉框、下拉树等,在Common控制器写方法,url源指向这个方法访问的地址
修改表配置,列格式化配置,比如状态需要格式化为启用、停用,有常用公共的格式化方法,也可以配置自定义格式化方法col_custom_字段小写
创建一个页面,菜单表添加此页面,配置操作按钮
写表对应的查询、保存(新增/修改)、删除方法,参考【系统设置】里面的功能
基于z.js封装的表格方法(API与EasyUI保持一致,看EasyUI文档即可),配置查询表的请求地址、表格类型、分页、复选等
七、框架部分截图
列表
新增、编辑、查看
列表配置
表单配置
角色权限配置(树)
八、第三方文档API
EasyUI文档:https://ad.netnr.com/#EasyUI-1.5.2
jQuery文档:https://ad.netnr.com/#jQuery-1.11.3
九、Source
https://github.com/netnr/netnrf
https://gitee.com/netnr/netnrf
推荐阅读
(点击标题可跳转阅读)
看完本文有收获?请转发分享给更多人
关注「DotNet」加星标,提升.Net技能
好文章,我在看❤️